<div class="24HourTimePickerChildDiv">
  <div class="row">
    <span class="button-small col col-offset-20 col-25">
      <button type="button" class="button button-clear button-small button-dark timePickerArrows marginBottom10"
              ng-click="increaseHours()">
        <i class="icon ion-chevron-up"></i></button>
      <div ng-bind="time.hours" class="ipBoxes timePickerBoxText"></div>
      <button type="button" class="button button-clear button-small button-dark timePickerArrows marginTop10"
              ng-click="decreaseHours()">
        <i class="icon ion-chevron-down"></i></button>
    </span>
    <label class="col col-10 timePickerColon"> : </label>
    <span class="button-small col col-25">
      <button type="button" class="button button-clear button-small button-dark timePickerArrows marginBottom10"
              ng-click="increaseMinutes()"><i class="icon ion-chevron-up"></i></button>
      <div ng-bind="time.minutes" class="ipBoxes timePickerBoxText"></div>
      <button type="button" class="button button-clear button-small button-dark timePickerArrows marginTop10"
              ng-click="decreaseMinutes()"><i class="icon ion-chevron-down"></i></button>
    </span>
  </div>
</div>